<template>
	<div id="indexPublish">
		<div class="publish my-flex-left">
			<li class="active">发布货源</li>
			<li >发布车源</li>
		</div>
		
		<div class="card one-form">
			<div class="rows">
				<div>装货地</div>
				<div>卸货地</div>
			</div>
			<div class="rows">
				<div class="left">
					<li class="one-input">
						<span>广东省深圳市</span>
						<img class="del" src="../../assets/wuliu/del.png" alt="" />
					</li>
					<li class="one-input">
						<span>黑龙江省哈尔滨市</span>
						<img class="del" src="../../assets/wuliu/del.png" alt="" />
					</li>
					<li class="one-input add">+</li>
				</div>
				<div class="right">
					<li class="one-input add">+</li>
				</div>
			</div>
		</div>
		
		<div class="types">
			<li class="active">招标</li>
			<li>抢标</li>
		</div>
		
		<div class="card two-form">
			<div class="rows">
				<div class="my-flex-left">
					<span>货物种类</span>
					<li class="one-input">
						<span>广东省深圳市</span>
						<img class="sel" src="../../assets/wuliu/up.png" alt="" />
					</li>
					<span class="unit">吨</span>
				</div>
				<div class="my-flex-left">
					<span>货物种类</span>
					<li class="one-input">
						<span>广东省深圳市</span>
						<img class="sel" src="../../assets/wuliu/up.png" alt="" />
					</li>
				</div>
			</div>
			<div class="rows">
				<div class="my-flex-left">
					<span>货物种类</span>
					<li class="one-input">
						<span>广东省深圳市</span>
						<img class="sel" src="../../assets/wuliu/up.png" alt="" />
					</li>
				</div>
				<div class="my-flex-left">
					<span>货物种类</span>
					<li class="one-input">
						<span>广东省深圳市</span>
						<img class="sel" src="../../assets/wuliu/up.png" alt="" />
					</li>
				</div>
			</div>
			
			<div class="rows">
				<div class="my-flex-left">
					<span>多车运输</span>
					<el-switch  active-color="#13ce66" inactive-color="#e6e6e6"></el-switch>
				</div>
			</div>
			
			<div class="rows">
				<div class="my-flex-left">
					<span>多车运输</span>
					<li>
						<input-checkbox v-model="test"  :options="options"></input-checkbox> 
					</li>
				</div>
			</div>
			<div class="rows">
				<div class="my-flex-left">
					<span>多车运输</span>
					<li>
						<input-num v-model="modelData.num"></input-num>
					</li>
				</div>
			</div>
			
		</div>
		<div class="card two-form">
			<div class="rows">
				<div class="marks my-flex-left">
					<span>备注信息</span>
					<div class="textarea">
						<el-input type="textarea" :autosize="{ minRows: 5, maxRows: 8}"></el-input>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading','changeRouter'],
		data() {
			return {
				options:{
					'code1':'去程',
					'code2':'返程'
				},
				test:[],
				modelData:{num:1}
			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service,
			pageChange() {

			}
		}
	}
</script>

<style lang="less" scoped="scoped" src="../../less/page/publish/index.less"></style>